<!DOCTYPE html>
<html lang="en" ng-app="huoban">

<head>
    <meta charset="UTF-8">
    <title>地图筛选</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../node_modules/normalize.css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../style/base.css">
    <link rel="stylesheet" type="text/css" href="../style/findHouse.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=r2YNdHuVwlwI6pFm5M8VnxGL"></script>
    <style type="text/css">
    body,
    html,
    #allmap {
        width: 100%;
        height: 100%;
    }
    
    #allmap {
        width: 100%;
        height: 70%;
        margin: 0;
        font-family: "微软雅黑";
    }
    </style>
</head>

<body class="map" ng-controller="index">
    <div class="history">
        <div class="history-top">
            <img src="../images/index/back.png" alt="" ng-click="back()">
            <section>
                <input type="text" placeholder="搜索大厦、区域、商圈" id="txt" ng-model="search" />
            </section>
            <a href="../index.html">
                <div class="history-top-quxiao"><img src="../images/find/select.png" class="map-search">筛选</div>
            </a>
        </div>
        <div class="h50"></div>
    </div>
    <div id="allmap"></div>
    <section class="find-content-min">
        <div class="map-location"><img src="../images/find/location_yellow.png">{{houseType[0].address}}</div>
        <div class="mb20 map-house" ng-repeat="sch in houseType | filter:search as result">
            <img src="../images/index/home_image1.png" class="img-min-content left">
            <div class="min-detail">
                <p class="min-title">{{sch.num}} <span class="color-light color-blue">488<sup>2</sup></span></p>
                <p class="min-address color-light">c座11楼1103</p>
                <p class="color-light mb10">租 | <span class="color-red">3.50</span>元/天/平米</p>
                <p class="color-light">售 | <span class="color-red">6000</span>元/平米</p>
                <p class="right map-like"><img src="../images/find/red_heart.png" class="h16 mr4"><span class="color-light">455</span></p>
            </div>
        </div>
    </section>
</body>

</html>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../node_modules/angular/angular.js"></script>
<script type="text/javascript" src="../node_modules/angular-ui-router.js"></script>
<script type="text/javascript" src="../js/address.js"></script>
<script type="text/javascript" src="../js/main.js"></script>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);

//创建小狐狸
var pt = new BMap.Point(116.417, 39.909);
var myIcon = new BMap.Icon("http://developer.baidu.com/map/jsdemo/img/fox.gif", new BMap.Size(300, 157));
var marker2 = new BMap.Marker(pt, {
    icon: myIcon
}); // 创建标注
map.addOverlay(marker2);
marker2.onclick = function() {
    // $('.map-house').addClass('hide');

}
</script>

</html>
